<template>
  <div class="mine">
    <div class="top">
      <div class="personal clearfix">
        <img src="../images/head_portrait.png" alt="">
        <div>
          <p class="name">远哥</p>
          <p class="tel">187****4489</p>
        </div>
        <a href="#">账号管理<span>&#xf00a;</span></a>

      </div>
      <div class="order">
        <a href="#" class="myorder">
          <span>我的订单</span>
          <span>更多<i>&#xf00a;</i></span>
        </a>
        <div class="orderitem">
          <a href="#">
            <i>&#xf041;</i>
            <span>待付款</span>
          </a>
          <a href="#">
            <i>&#xf0b0;</i>
            <span>待收货</span>
          </a>
          <a href="#">
            <i>&#xf03b;</i>
            <span>待评价</span>
          </a>
          <a href="#">
            <i>&#xf003;</i>
            <span>退货/退款</span>
          </a>
        </div>
      </div>
    </div>
    <div class="bottom">
      <a href="#"><span>&#xf03f;</span>我的优惠券</a>
      <a href="#"><span>&#xf0c9;</span>我的收藏</a>
      <a href="#"><span>&#xf03b;</span>我的评价</a>
      <a href="#"><span>&#xf07c;</span>我的收获地址</a>
    </div>
  </div>
</template>

<script>
//帕斯卡命名 FullName
function Mine(){
  $('.header span').text('个人中心');
  $('.header a').css('display','none');
  $('.app .footbar').css('display', 'flex');
  $('.app .footbar a:eq(1)').css('display','flex');
  $('.app .footbar a:eq(2)').css('display','flex');
  $('.app .footbar a.buy').css('display','none');
}

</script>